
<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title> 重庆工商大学计算机实验中心网站 </title>


    <!--STYLESHEET-->
    <!--=================================================-->



    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="/css/bootstrap.min.css" rel="stylesheet">


    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="/css/nifty.min.css" rel="stylesheet">


    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="/css/demo/nifty-demo-icons.min.css" rel="stylesheet">


    <!--=================================================-->



    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="/plugins/pace/pace.min.css" rel="stylesheet">
    <script src="/plugins/pace/pace.min.js"></script>


    <!--Demo [ DEMONSTRATION ]-->
    <link href="/css/demo/nifty-demo.min.css" rel="stylesheet">

    <link id="theme" href="/css/themes/type-e/theme-dark.min.css" rel="stylesheet">

    <style type="text/css">
        @media (min-width: 768px){
            #content-container {
                padding-top: 0px;
            }

        }

            #content-container {
                padding-top: 0px;
            }
    </style>

</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>
<div id="container" class="effect ">



    <div class="boxed">

        <!--CONTENT CONTAINER-->
        <!--===================================================-->
        <div id="content-container">
            <div id="page-head">

                <!--Page Title-->
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <div id="page-title">
                    <h1 class="page-header text-overflow">重庆工商大学计算机实验中心网站




                    </h1>
                </div>
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--End page title-->


                <!--Breadcrumb-->
                <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <ol class="breadcrumb">
                    <li><a href="/"><i class="demo-pli-home"></i></a></li>
                    <li><a href="#">主页</a></li>
                    <li class="active">内容</li>
                </ol>

               <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
                <!--End breadcrumb-->

                <div style="clear:both;">

                </div>

            </div>


            <!--Page content-->
            <!--===================================================-->
            <div id="page-content">
                <div class="fixed-fluid">
                    <div class="fixed-sm-250 pull-sm-right">

                        <p class="pad-hor mar-top text-main text-bold text-sm text-uppercase">Categories</p>
                        <div class="list-group bg-trans pad-btm bord-btm">
                            <a href="#" class="list-group-item list-item-sm">Sports</a>
                            <a href="#" class="list-group-item list-item-sm">Movies</a>
                            <a href="#" class="list-group-item list-item-sm">Musics</a>
                            <a href="#" class="list-group-item list-item-sm">Internet</a>
                            <a href="#" class="list-group-item list-item-sm">Photography</a>
                        </div>

                        <p class="pad-hor mar-top text-main text-bold text-sm text-uppercase">Recent Post</p>
                        <div class="list-group bg-trans pad-btm bord-btm">
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Lorem ipsum dolor sit amet</a><small class="box-block">6 Hours ago</small></div>
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Consectetuer adipiscing elit</a><small class="box-block">2 days ago</small></div>
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Sed diam nonummy nibh </a><small class="box-block">7 days ago</small></div>
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Laoreet dolore magna aliquam erat volutpat.</a><small class="box-block">2 weeks ago</small></div>
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Ut wisi enim ad minim veniam</a><small class="box-block">3 weeks ago</small></div>
                            <div class="list-group-item list-item-sm"><a href="#" class="btn-link">Quis nostrud exerci tation</a><small class="box-block">2 month ago</small></div>
                        </div>


                        <p class="pad-hor mar-top text-main text-bold text-sm text-uppercase">Newsletter</p>
                        <p class="pad-hor">Sign up for our daily Newslatter</p>
                        <div class="input-group pad-all bord-btm">
                            <input type="text" placeholder="Your email" class="form-control">
                            <span class="input-group-btn">
					                     <button class="btn btn-primary add-tooltip" data-original-title="Send" type="button"><i class="demo-pli-paper-plane icon-lg"></i></button>
					                 </span>
                        </div>

                        <p class="pad-hor mar-top text-main text-bold text-sm text-uppercase">Tags</p>
                        <ul class="list-inline mar-hor pad-btm bord-btm">
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Family</a></li>
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Home</a></li>
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Work</a></li>
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Film</a></li>
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Music</a></li>
                            <li class="tag tag-sm"><a href="#"><i class="demo-pli-tag"></i> Photography</a></li>
                        </ul>

                        <p class="pad-hor mar-top text-main text-bold text-sm text-uppercase">Recent Comments</p>
                        <div class="list-group bg-trans">
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/2.png" alt="Profile Picture">
                                    <i class="badge badge-success badge-stat badge-icon pull-left"></i>
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Stephen Tran</p>
                                    <small>5 minutes ago</small>
                                    <p class="pad-top text-sm">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                                </div>
                            </a>
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/7.png" alt="Profile Picture">
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Brittany Meyer</p>
                                    <small>9 minutes ago</small>
                                    <p class="pad-top text-sm">I think so</p>
                                </div>
                            </a>
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/1.png" alt="Profile Picture">
                                    <i class="badge badge-info badge-stat badge-icon pull-left"></i>
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Jack George</p>
                                    <small>2 hours ago</small>
                                    <p class="pad-top text-sm">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </a>
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/4.png" alt="Profile Picture">
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Donald Brown</p>
                                    <small>3 hours ago</small>
                                    <p class="pad-top text-sm">Ut wisi enim ad minim veniam</p>
                                </div>
                            </a>
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/8.png" alt="Profile Picture">
                                    <i class="badge badge-warning badge-stat badge-icon pull-left"></i>
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Betty Murphy</p>
                                    <small>5 hours ago</small>
                                    <p class="pad-top text-sm">quis nostrud exerci tation ullamcorper</p>
                                </div>
                            </a>
                            <a href="#" class="list-group-item">
                                <div class="media-left pos-rel">
                                    <img class="img-circle img-xs" src="/img/profile-photos/9.png" alt="Profile Picture">
                                    <i class="badge badge-danger badge-stat badge-icon pull-left"></i>
                                </div>
                                <div class="media-body">
                                    <p class="mar-no text-main">Samantha Reid</p>
                                    <small>2 weeks ago</small>
                                    <p class="pad-top text-sm">sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="fluid">


                        <div class="panel blog blog-details">
                            <div class="panel-body">
                                <div class="blog-title media-block">
                                    <div class="media-right textright">
                                        <a href="#" class="btn btn-icon demo-psi-twitter icon-lg add-tooltip" data-original-title="Twitter" data-container="body"></a>
                                        <a href="#" class="btn btn-icon demo-psi-instagram icon-lg add-tooltip" data-original-title="Instagram" data-container="body"></a>
                                    </div>
                                    <div class="media-body">
                                        <a href="#" class="btn-link">
                                            <h1>Far far away, behind the word mountains</h1>
                                        </a>
                                        <p>By <a href="#" class="btn-link">Aaron Chavez</a></p>
                                    </div>
                                </div>
                                <div class="blog-header">
                                    <img class="img-responsive" src="/img/shared-img-5.jpg" alt="Image">
                                    <small>Photo by: unsplash.com</small>
                                </div>
                                <div class="blog-content">

                                    <div class="blog-body">
                                        <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame. It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops</p>
                                        <p><i>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</i></p>
                                        <blockquote>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                                            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
                                        </blockquote>
                                        <p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek,</p>
                                        <p>Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch "Jeopardy!", Alex Trebek's fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just</p>
                                        <p>Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex.</p>

                                    </div>
                                </div>
                                <div class="blog-footer">
                                    <div class="media-left">
                                        <span class="label label-success">5 Days ago</span>
                                        <small>Posted by : <a href="#" class="btn-link">Admin</a></small>
                                    </div>
                                    <div class="media-body text-right">
                                        <span class="mar-rgt"><i class="demo-pli-heart-2 icon-fw"></i>519</span>
                                        <i class="demo-pli-speech-bubble-5 icon-fw"></i>23
                                    </div>
                                </div>


                                <!-- Comment form -->
                                <!--===================================================-->
                                <hr class="new-section-sm bord-no">
                                <p class="text-lg text-main text-bold text-uppercase">Leave a comment</p>
                                <form role="form">
                                    <div class="row">
                                        <div class="col-md-4">

                                            <div class="form-group">
                                                <input type="text" class="form-control" placeholder="Your name">
                                            </div>
                                            <div class="form-group">
                                                <input type="email" class="form-control" placeholder="Your email address">
                                            </div>
                                            <div class="form-group">
                                                <input type="url" class="form-control" placeholder="Your website">
                                            </div>
                                            <div class="form-group">
                                                <button type="submit" class="btn btn-success btn-block"><i class="fa fa-comment"></i> Submit comment</button>
                                            </div>

                                        </div>
                                        <div class="col-md-8">
                                            <div class="form-group">
                                                <textarea class="form-control" rows="9" placeholder="Your comment"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <!--===================================================-->
                                <!-- End Comment form -->




                                <hr class="new-section-sm">
                                <p class="text-lg text-main text-bold text-uppercase pad-btm">Comments</p>



                                <!-- Comments -->
                                <!--===================================================-->
                                <div class="comments media-block">
                                    <a class="media-left" href="#"><img class="img-circle img-sm" alt="Profile Picture" src="/img/profile-photos/2.png"></a>
                                    <div class="media-body">
                                        <div class="comment-header">
                                            <a href="#" class="media-heading box-inline text-main text-bold">John Doe</a>
                                            <p class="text-muted text-sm">Today 10:41AM - 12/09/2017</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</p>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-like"></i> Like </a>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-right-4"></i> Reply</a>
                                    </div>
                                </div>
                                <!--===================================================-->
                                <!-- End Comments -->



                                <!-- Comments -->
                                <!--===================================================-->
                                <div class="comments media-block">
                                    <a class="media-left" href="#"><img class="img-circle img-sm" alt="Profile Picture" src="/img/profile-photos/5.png"></a>
                                    <div class="media-body">
                                        <div class="comment-header">
                                            <a href="#" class="media-heading box-inline text-main text-bold">Donald Brown</a>
                                            <p class="text-muted text-sm">Today 08:25AM - 12/009/2017</p>
                                        </div>
                                        <p>Maecenas ultrices, justo vel imperdiet gravida, urna ligula hendrerit nibh, ac cursus nibh sapien in purus.</p>
                                        <a class="btn btn-sm btn-primary"><i class="icon-lg demo-pli-like"></i> 5 Liked </a>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-right-4"></i> Reply</a>
                                    </div>
                                </div>
                                <!--===================================================-->
                                <!-- End Comments -->



                                <!-- Comments -->
                                <!--===================================================-->
                                <div class="comments media-block">
                                    <a class="media-left" href="#"><img class="img-circle img-sm" alt="Profile Picture" src="/img/profile-photos/10.png"></a>
                                    <div class="media-body">
                                        <div class="comment-header">
                                            <div><a href="#" class="media-heading box-inline text-main text-bold">Lisa D</a></div>
                                            <p class="text-muted text-sm">Today 06:25AM - 12/09/2017</p>
                                        </div>
                                        <p>Mauris tincidunt tincidunt turpis in porta. Integer fermentum tincidunt auctor. Vestibulum ullamcorper, odio sed rhoncus imperdiet, enim elit sollicitudin orci, eget dictum leo mi nec lectus. Nam commodo turpis id lectus scelerisque vulputate.</p>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-like"></i> Like </a>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-right-4"></i> 3 Reply</a>

                                        <!-- Comments -->
                                        <div class="comment-body">
                                            <div class="comment-content media">
                                                <a class="media-left" href="#"><img class="img-circle img-xs" alt="Profile Picture" src="/img/profile-photos/5.png"></a>
                                                <div class="media-body">
                                                    <div class="comment-header">
                                                        <a href="#" class="text-main text-bold">Bobby Marz</a>
                                                        <small class="text-muted">7 min ago</small>
                                                    </div>
                                                    Sed diam nonummy nibh euismod.
                                                </div>
                                            </div>

                                            <div class="comment-content media">
                                                <a class="media-left" href="#"><img class="img-circle img-xs" alt="Profile Picture" src="/img/profile-photos/7.png"></a>
                                                <div class="media-body">
                                                    <div class="comment-header">
                                                        <a href="#" class="text-main text-bold">Lucy Moon</a>
                                                        <small class="text-muted">2 Hours ago</small>
                                                    </div>
                                                    Duis autem vel eum iriure dolor in vulputate ?
                                                </div>
                                            </div>

                                            <div class="comment-content media">
                                                <a class="media-left" href="#"><img class="img-circle img-xs" alt="Profile Picture" src="/img/profile-photos/4.png"></a>
                                                <div class="media-body">
                                                    <div class="comment-header">
                                                        <a href="#" class="text-main text-bold">Jacky Lore</a>
                                                        <small class="text-muted">1 Days ago</small>
                                                    </div>
                                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--===================================================-->
                                <!-- End Comments -->



                                <!-- Comments -->
                                <!--===================================================-->
                                <div class="comments media-block">
                                    <a class="media-left" href="#"><img class="img-circle img-sm" alt="Profile Picture" src="/img/profile-photos/8.png"></a>
                                    <div class="media-body">
                                        <div class="comment-header">
                                            <a href="#" class="media-heading box-inline text-main text-bold">Kathryn Obrien</a>
                                            <p class="text-muted text-sm">Today 05:17AM - 12/09/2017</p>
                                        </div>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt </p>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-like"></i> Like </a>
                                        <a class="btn btn-sm btn-default"><i class="icon-lg demo-pli-right-4"></i> Reply</a>
                                    </div>
                                </div>
                                <!--===================================================-->
                                <!-- End Comments -->

                            </div>
                        </div>

                    </div>
                </div>

            </div>
            <!--===================================================-->
            <!--End page content-->

        </div>
        <!--===================================================-->
        <!--END CONTENT CONTAINER-->





        <!--MAIN NAVIGATION-->
        <!--===================================================-->
        <nav id="mainnav-container">
            <div id="mainnav">


                <!--OPTIONAL : ADD YOUR LOGO TO THE NAVIGATION-->
                <!--It will only appear on small screen devices.-->
                <!--================================
                <div class="mainnav-brand">
                    <a href="index.html" class="brand">
                        <img src="/img/logo.png" alt="Nifty Logo" class="brand-icon">
                        <span class="brand-text">Nifty</span>
                    </a>
                    <a href="#" class="mainnav-toggle"><i class="pci-cross pci-circle icon-lg"></i></a>
                </div>
                -->





            </div>
        </nav>
        <!--===================================================-->
        <!--END MAIN NAVIGATION-->

    </div>



    <!-- FOOTER -->
    <!--===================================================-->
    <footer id="footer">

        <!-- Visible when footer positions are fixed -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <div class="show-fixed pad-rgt pull-right">
            You have <a href="#" class="text-main"><span class="badge badge-danger">3</span> pending action.</a>
        </div>



        <!-- Visible when footer positions are static -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <div class="hide-fixed pull-right pad-rgt">
            14GB of <strong>512GB</strong> Free.
        </div>



        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
        <!-- Remove the class "show-fixed" and "hide-fixed" to make the content always appears. -->
        <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

        <p class="pad-lft">&#0169; 2018 Your Company</p>



    </footer>
    <!--===================================================-->
    <!-- END FOOTER -->


    <!-- SCROLL PAGE BUTTON -->
    <!--===================================================-->
    <button class="scroll-top btn">
        <i class="pci-chevron chevron-up"></i>
    </button>
    <!--===================================================-->
</div>
<!--===================================================-->
<!-- END OF CONTAINER -->





<!--JAVASCRIPT-->
<!--=================================================-->

<!--jQuery [ REQUIRED ]-->
<script src="/js/jquery.min.js"></script>


<!--BootstrapJS [ RECOMMENDED ]-->
<script src="/js/bootstrap.min.js"></script>


<!--NiftyJS [ RECOMMENDED ]-->
<script src="/js/nifty.min.js"></script>




<!--=================================================-->

<!--Demo script [ DEMONSTRATION ]-->
<script src="/js/demo/nifty-demo.min.js"></script>




</body>
</html>
